<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>视频数据分析</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>

    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;500;600;700&amp;display=swap' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" type="text/css" th:href="@{/pagesResource/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/pagesResource/css/animate.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/pagesResource/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/pagesResource/css/fontello.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/pagesResource/css/fontello-codes.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/pagesResource/css/thumbs-embedded.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/pagesResource/css/style.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/pagesResource/css/responsive.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/pagesResource/css/color.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/boostrapFileInputResources/css/fileinput.min.css}">
    <script src="/js/sweetAlert.js"></script>
    <link  rel="stylesheet" type="text/css" th:href="@{/pagesResource/css/analysis.css}">
    <link  rel="stylesheet" type="text/css" th:href="@{/pagesResource/css/top.css}">
</head>
<body>

<section id="content">
    <div id="header">
        <div class="header-nav">
            <div class="menu-button">
                <!--<i class="fa fa-navicon"></i>-->
            </div>
            <div class="nav">
                <a class="btn btn-info btn-xs" th:href="@{/analysis/browser}">浏览数据</a> &nbsp;  &nbsp;&nbsp;</h3>
                <a class="btn btn-info btn-xs" th:href="@{/analysis/comment}">评论数据</a> &nbsp;  &nbsp;&nbsp;</h3>
                <a class="btn btn-info btn-xs" th:href="@{/analysis/bulletChat}">弹幕数据</a> &nbsp;  &nbsp;&nbsp;</h3>
                <a class="btn btn-info btn-xs" th:href="@{/analysis/like}">点赞数据</a> &nbsp;  &nbsp;&nbsp;</h3>
                <a class="btn btn-info btn-xs" th:href="@{/analysis/coin}">投币数据</a> &nbsp;  &nbsp;&nbsp;</h3>
                <a class="btn btn-info btn-xs" th:href="@{/analysis/collect}">收藏数据</a> &nbsp;  &nbsp;&nbsp;</h3>
            </div>
        </div>
    </div>
    <div class="content">
        <table id="table"  class="table table-bordered table-striped table-hover">
            <thead>
            <tr>
                <th>视频ID</th>
                <th>视频标题</th>
                <th>视频封面</th>
                <th>数据</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="data : ${analysisData.records}">
                <td th:text="${data.videoId}"></td>
                <td th:text="${data.videoTitle}"></td>
                <td style="align-content: center">
                    <img style="width:100px;height: 40px;" th:src="@{/video/getVideoCoverageImgById/} + '?videoId=' + ${data.videoId}" >
                </td>
                <td th:text="${data.dataCount}"></td>
            </tr>
            </tbody>
        </table>
        <div >
            <div class="center " style="padding-left: 45%;!important;">
                <a th:href="@{${currentSearch}(page=${analysisData.current}-1)}"
                   th:class="${analysisData.current == 1}? 'disabled btn btn-primary btn-xs':'btn btn-primary btn-xs'"
                >上一页</a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;
                <a th:href="@{${currentSearch}(page=${analysisData.current}+1)}"
                   th:class="${analysisData.current == analysisData.pages?'disabled btn btn-primary btn-xs':'btn btn-primary btn-xs'}" >下一页</a>
            </div>
        </div>
        <div>
            <div class="center " style="padding-left: 45%;!important;">
                当前第 [[${analysisData.current}]]页,共 [[${analysisData.pages}]] 页.一共 [[${analysisData.total}]] 条记录
            </div>
        </div>

    </div>

    </div>
</section>

</body>


</html>